* {
    padding: 0;
    margin: 0;
}

.w {
    width: 1200px;
    margin: auto;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

body {
    background-color: rgb(241, 245, 247);
}

/* 头部标签模块 */
.header {
    height: 42px;
    margin: 30px auto;
}

.logo {
    float: left;
    width: 160px;
    height: 42px;
    background-color: transparent;
}

.nav {
    float: left;
    margin-left: 60px;
    width: 300px;
    height: 42px;
}

.nav1 {
    float: left;
    font-size: 16px;
    margin: 0 20px;
    line-height: 42px;
}

.nav .nav1 a {
    color: #000;
    height: 42px;

}

.nav .nav1 a:hover {
    padding: 9px;
    border-bottom: 2px solid rgb(66, 155, 211);

}

.search {
    float: left;
    width: 412px;
    height: 42px;
}

.search .search1 {
    float: left;
    width: 360px;
    height: 38px;
    border-right: 0;
    border: 2px solid rgb(184, 221, 243);
    font-size: 14px;
    color: rgb(212, 214, 216);
    text-indent: 2em;
}

.search button {
    float: left;
    width: 48px;
    height: 42px;
    border: 0;
    background: url(images/fa-search.png);
}

.user {
    float: right;
    margin-right: 135px;
    margin-top: 6px;
}

/* 侧边栏模块 */
.banner {

    height: 421px;
    background-color: rgb(28, 3, 108);
}

.banner .w {
    height: 421px;
    background: url(images/banner2.png) no-repeat top center;
}

.subnav {
    float: left;
    width: 193px;
    height: 419px;
    background: rgba(0, 0, 0, 0.3);

}


.banner .w .subnav li {
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
}

.banner .w .subnav li a {
    font-size: 14px;
    color: rgb(255, 255, 255);

}



.banner .w .subnav li a:hover span {
    color: rgb(3, 147, 217);

}

.banner .w .subnav li a span {
    float: right;
    color: rgb(255, 255, 255);

}

/* 课程表模块 */
.banner .curriculum {
    float: right;
    width: 225px;
    height: 300px;
    border: 1px solide transparent;
    background-color: rgb(252, 255, 252);
    margin-top: 63px;
}

.banner .curriculum .top {
    width: 225px;
    height: 60px;
    line-height: 60px;
    color: rgb(252, 255, 252);
    background-color: rgb(148, 203, 233);
    font-size: 25px;
    text-align: center;
}

.banner .curriculum .top2 li {

    border-bottom: 1px solid rgba(165, 165, 165, 0.7);
    margin: 0 20px;
    padding: 12px 0;
}



.banner .curriculum .top2 li p {
    font-size: 16px;
    color: rgb(78, 78, 78);
}

.banner .curriculum .top2 li h4 {
    font-size: 8px;
    color: rgb(165, 165, 165);
}

.banner .curriculum .top3 {

    width: 191px;
    height: 40px;
    border: 1px solid rgb(0, 164, 255);
    margin: 0 20px;
    margin-top: 6px;
    text-align: center;
}

.banner .curriculum .top3 a {
    color: rgb(0, 164, 255);
    line-height: 40px;
}

.banner .curriculum .top3 a:hover {
    color: rgb(206, 36, 36);
}

/* 精品推荐模块 */
.goods {
    box-shadow: 5px 5px 5px 5px rgba(157, 160, 157, 0.5);
    width: 1200px;
    height: 70px;
    background-color: rgb(255, 255, 255);
    margin-top: 10px;
}

.goods .goods1 {
    float: left;
    font-size: 16px;
    color: rgb(3, 164, 255);
    line-height: 70px;
    margin: 0 36px;

}

.goods .goods2 li {
    float: left;
    width: 124px;
    height: 16px;
    border-left: 1px solid rgb(213, 213, 213);
    font-size: 12px;
    margin: 27px 0;

}

.goods .goods2 li a {
    color: rgb(51, 51, 51);
    padding: 0 30px;
}

.goods .goods2 li a:hover {

    color: rgb(175, 35, 35);
}

.goods .goods3 {
    float: right;
    font-size: 6px;
    line-height: 70px;
    margin: 0 28px;
}

.goods .goods3 a {
    color: rgb(3, 164, 255);
}

.goods .goods3 a:hover {
    color: rgb(175, 35, 35);
}

/* 精品推荐盒子模块 */
.box {
    width: 1200px;
    height: 600px;
    margin-top: 15px;
}

.box .box1 {
    width: 1200px;
    height: 42px;

}

.box .box1 p {
    float: left;
    font-size: 16px;

}

.box .box1 a {
    float: right;
    font-size: 6px;
    color: rgb(185, 185, 186);
    padding: 10px 32px 0 0;
}

.box .box1 a:hover {
    color: rgb(79, 71, 154);
}

.box .box2 {
    width: 1225px;
}

.box .box2 li {
    float: left;
    width: 230px;
    height: 270px;
    margin-right: 12.5px;
    margin-bottom: 12px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.3);

}

.box .box2 li img {
    width: 100%;
}



.box .box2 li h4 {
    margin: 20px 20px 20px 25px;
    font-size: 14px;
    font-weight: 400;
    color: rgb(5, 5, 5);
}

.box .box2 li .dinfo {
    margin-left: 25px;
    font-size: 6px;
    color: rgb(184, 184, 184);
}

.box .box2 li .dinfo span {
    color: rgb(255, 124, 45);
}

/* 编程入门模块 */
.bc {
    width: 1200px;
    height: 435px;
    margin-top: 15px;
}

.bc .bc1 {
    width: 1200px;
    height: 42px;
}

.bc .bc1 p {
    float: left;
    font-size: 16px;
}

.bc .bc1 ul {
    width: 500px;
    margin: 0 auto;
    text-align: center;
}

.bc .bc1 ul li {
    padding-left: 75px;
    margin-top: 5px;
    float: left;


}

.bc .bc1 ul li a {
    font-size: 6px;
    color: rgb(171, 171, 172);

}

.bc .bc1 span a {
    float: right;
    font-size: 6px;
    color: rgb(171, 171, 172);
    margin-right: 10px;
    margin-top: 5px;
}

.bc .bc1 a:hover {
    color: rgb(102, 188, 253);
}

.bc .bc2 {
    float: left;
    width: 228px;
    height: 392px;
}

.bc .bc2 img {
    width: 100%;
}

.bc .bc3 {
    float: left;
    width: 953px;
    height: 100px;
    margin-left: 14px;
}

.bc .bc4 {
    float: left;
    width: 972px;
    height: 270px;
    margin-top: 24px;
}

.bc .bc4 li {
    float: left;
    width: 228px;
    height: 270px;
    margin-left: 14px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.3);
}

.bc .bc4 li img {
    width: 100%;
}

.bc .bc4 li h5 {
    font-size: 14px;
    font-weight: normal;
    padding: 10px 54px 0 16px;
}

.bc .bc4 li h5 a {
    color: rgb(5, 5, 5);

}

.bc .bc4 li h5 a:hover {
    color: pink;
}

.bc .bc4 li h6 {
    color: rgb(153, 153, 153);
    font-size: 6px;
    padding: 46px 0 20px 16px;
}

.bc .bc4 li h6 span {
    color: rgb(255, 124, 45);
}

/* 结尾栏 */
.endding {
    height: 420px;
    background-color: rgb(255, 255, 255);
    margin-top: 16px;
}

.endding .endding1 {
    width: 1200px;
    height: 420px;
}
.endding .endding1 .yy{
    float: left;
}


.endding .endding1 .endding3 img {
    margin-top: 30px;
    margin-left: 30px;
}

.endding .endding1 h6 {
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 16px;
    margin-left: 30px;
    color: rgb(102, 102, 102);
    font-weight: 400;
}

.endding .endding1 .endding4 {
    margin-left: 30px;
    margin-top: 20px;
    width: 120px;
    height: 36px;
    border: 1px solid rgb(102, 188, 253);
}

.endding .endding1 .endding4 a {
    font-size: 14px;
    color: rgb(102, 188, 253);
    line-height: 36px;
    padding-left: 30px;
}

.endding .endding1 .endding4 a:hover {
    color: rgb(195, 38, 64);
}
.endding .endding1 ul{
    padding: 20px 20px 30px 130px;
    font-size: 12px;
    float: right;
}
.endding .endding1 ul li{
    padding: 5px 0;

}
.endding .endding1 ul span a{
    color:rgb(51, 51, 51) ; 
    font-size: 16px;
}
.endding .endding1 ul li a{
    color: rgb(51, 51, 51);
}
.endding .endding1 ul a:hover{
    color: crimson;
}
.gg{
    position: fixed;
    top: 100px;
    left: 0;
}
.gg img{
    width: 150px;
    height: 300px;
}